<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="" /> 
<meta name="description" content="" />
<title>设置</title>
<link type="text/css" href="../css/reset.css" rel="stylesheet" />
<link type="text/css" href="../css/public.css" rel="stylesheet" />
<link type="text/css" href="../css/wode.css" rel="stylesheet" />
<script>
    var deviceWidth = Math.min(640, window.innerWidth)
    document.documentElement.style.fontSize = deviceWidth / 7.5 + "px"
</script>
</head>

<body>
<!-- top -->
<div class="header">
    <header class="p_header public-red">
        <a href="javascript:history.go(-1);" class="p_header_left">
            <i class="p_left" title="返回"></i>
        </a>
        <h1 class="p_dizhi">设置</h1>
    </header>
</div>
<!--设置-->
<div class="buy_shezhi">
	<div class="public-jianxi"></div>
	<ul>
		<li>
			<a href="../buy/12.7.7shezhi_xiugaishouji.html">
				<span>修改手机</span>
				<em>13707702111</em>
			</a>
		</li>
		<li>
			<a href="../buy/12.7.6shezhi_xiugaimima.html">
				<span>修改密码</span>
				<em>修改</em>
			</a>
		</li>
		<!--<li>
			<a href="#">
				<span>提现密码</span>
				<em>未设置</em>
			</a>
		</li>-->
		<li>
			<a href="#">
				<span>绑定微信</span>
				<em>未设置</em>
			</a>
		</li>
	</ul>
	<div class="public-jianxi"></div>
	<ul>
		<li>
			<a href="javascript:void(0);">
				<span>清除缓存</span>
				<em>12.48M</em>
			</a>
		</li>
		<li class="jg_share">
			<a href="javascript:void(0);">
				<span>APP分享</span>
			</a>
		</li>
		<li>
			<a href="../buy/12.7.1shezhi_fankui.html">
				<span>意见反馈</span>
			</a>
		</li>
		<li>
			<a href="#">
				<span>给我们评分</span>
			</a>
		</li>
		<li>
			<a href="../buy/12.7.5shezhi_aboutus.html">
				<span>关于我们</span>
			</a>
		</li>
	</ul>
</div>
  
<div class="mid-width">
    <input type="button" class="p_button" value="退出当前账号">
</div>

<!--分享-->
<div class="public_share">
	<ul class="clearfix">
		<li>
			<img src="../images/share01.png" />
			<h6>微信好友</h6>
		</li>
		<li>
			<img src="../images/share02.png" />
			<h6>朋友圈</h6>
		</li>
		<li>
			<img src="../images/share03.png" />
			<h6>QQ好友</h6>
		</li>
		<li>
			<img src="../images/share04.png" />
			<h6>QQ空间</h6>
		</li>
		<li>
			<img src="../images/share05.png" />
			<h6>Facebook</h6>
		</li>
	</ul>
	<div class="public_share_quxiao">取消</div>
</div>

<script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
	
	
	//分享
	$(function(){
		//弹出
		$('.jg_share').on('click',function(){		
			$("body").append("<div id='mask'></div>");
        	$(".public_share").show();
		});	
		//点击关闭
		$(".public_share_quxiao").on('click',function(){
	        $(".public_share").hide();
	        $("#mask").remove();
	    }) 
	    $("#mask").on('click',function(){
	        $(".public_share").hide();
	        $("#mask").remove();
	    }) 
	});
</script>
</body>
</html>